.designer-list {
    margin-right: -20px; }
    .designer-list:before, .designer-list:after {
      content: " ";
      display: table; }
    .designer-list:after {
      clear: both; }
    .designer-list > li {
      float: left;
      position: relative;
      width: 284px;
      height: 330px;
      background-color: #292e35;
      margin-right: 18px;
      margin-bottom: 20px; }
      .designer-list > li:nth-child(4n){
        margin-right: 0;
      }
      .designer-list > li .designer-level {
        position: absolute;
        top: 10px;
        left: 10px;
        width: 62px;
        height: 70px;
        z-index: 1; }
      .designer-list > li .img-view {
        display: block;
        position: absolute;
        top: 36px;
        left: 50%;
        margin-left: -98px;
        width: 196px;
        height: 196px;
        overflow: hidden;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s; }
        .designer-list > li .img-view img {
          display: block;
          width: 100%; }
      .designer-list > li.hover .img-view {
        top: 0;
        left: 0;
        margin-left: 0;
        width: 100%;
        height: 100%;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0; }
      .designer-list > li.hover .designer-info {
        display: none; }
      .designer-list > li.hover .designer-control {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 45px;
        line-height: 45px;
        background: url(../images/designer-control.jpg) center no-repeat; }
        .designer-list > li.hover .designer-control li {
          float: left;
          width: 50%;
          text-align: center; }
          .designer-list > li.hover .designer-control li a {
            display: block;
            font-size: 14px;
            color: #ffffff; }
            .designer-list > li.hover .designer-control li a i {
              font-size: 16px;
              margin-right: 5px; }
      .designer-list > li .designer-info {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 25px;
        color: #ffffff; }
        .designer-list > li .designer-info h3 {
          margin-top: 0;
          margin-bottom: 30px;
          text-align: center;
          font-size: 24px; }
          .designer-list > li .designer-info h3 small {
            font-size: 14px; }
        .designer-list > li .designer-info .item-wrap {
          margin-bottom: 5px; }
          .designer-list > li .designer-info .item-wrap:before, .designer-list > li .designer-info .item-wrap:after {
            content: " ";
            display: table; }
          .designer-list > li .designer-info .item-wrap:after {
            clear: both; }
          .designer-list > li .designer-info .item-wrap span {
            float: left; }
            .designer-list > li .designer-info .item-wrap span + span {
              float: right; }
        .designer-list > li .designer-info p {
          color: #cccccc; }
      .designer-list > li .designer-control {
        display: none; }
  
  .designer-detail-banner {
    position: relative;
    height: 648px;
    background: url(../images/designer-detail-banner.jpg) center no-repeat; }
    .designer-detail-banner .breadcrumb {
      color: #a6a6a6; }
      .designer-detail-banner .breadcrumb li {
        color: #a6a6a6; }
        .designer-detail-banner .breadcrumb li a {
          color: #a6a6a6; }
    .designer-detail-banner .designer-img {
      position: absolute;
      left: 50%;
      bottom: 0;
      margin-left: -470px;
      height: 590px; }
    .designer-detail-banner .designer-banner-form {
      position: absolute;
      left: 50%;
      bottom: 130px;
      margin-left: 100px;
      width: 360px; }
      .designer-detail-banner .designer-banner-form dl {
        color: #ffffff;
        margin-bottom: 20px; }
        .designer-detail-banner .designer-banner-form dl dt {
          font-weight: normal;
          font-size: 46px; }
          .designer-detail-banner .designer-banner-form dl dt small {
            font-size: 20px; }
        .designer-detail-banner .designer-banner-form dl dd {
          color: #ffffff;
          font-size: 20px; }
          .designer-detail-banner .designer-banner-form dl dd i {
            font-size: inherit;
            color: #8799a5; }

            .case-list-wrap {
              overflow: hidden; }
              .case-list-wrap .case-list {
                margin-right: -12px; }
                .case-list-wrap .case-list:before, .case-list-wrap .case-list:after {
                  content: " ";
                  display: table; }
                .case-list-wrap .case-list:after {
                  clear: both; }
                .case-list-wrap .case-list li {
                  float: left;
                  margin-right: 8px;
                  margin-bottom: 13px;
                  width: 282px;
                  height: 316px;
                  border: 1px solid #ddd;
                  padding: 5px;
                  -webkit-border-radius: 8px;
                  -moz-border-radius: 8px;
                  border-radius: 8px; }
                  .case-list-wrap .case-list li:nth-child(4n){
                    margin-right: 0;
                  }
                  .case-list-wrap .case-list li .img-box {
                    display: block;
                    width: 277px;
                    height: 214px;
                    overflow: hidden;
                    -webkit-border-radius: 4px 4px 0 0;
                    -moz-border-radius: 4px 4px 0 0;
                    border-radius: 4px 4px 0 0; }
                    .case-list-wrap .case-list li .img-box img {
                      width: 100%;
                      height: 214px;
                      -webkit-transition: all ease-out 0.3s;
                      -moz-transition: all ease-out 0.3s;
                      -ms-transition: all ease-out 0.3s;
                      -o-transition: all ease-out 0.3s;
                      transition: all ease-out 0.3s; }
                    .case-list-wrap .case-list li .img-box:hover img {
                      -webkit-transform: scale(1.05);
                      -moz-transform: scale(1.05);
                      -ms-transform: scale(1.05);
                      -o-transform: scale(1.05);
                      transform: scale(1.05); }
                  .case-list-wrap .case-list li .user-img {
                    position: relative;
                    display: block;
                    width: 67px;
                    height: 67px;
                    margin: -33px auto 0; }
                    .case-list-wrap .case-list li .user-img img {
                      width: 67px;
                      height: 67px;
                      border: 3px solid #fff;
                      -webkit-border-radius: 50%;
                      -moz-border-radius: 50%;
                      border-radius: 50%; }
                  .case-list-wrap .case-list li dl {
                    text-align: center;
                    padding-top: 10px; }
                    .case-list-wrap .case-list li dl dt {
                      padding-bottom: 10px;
                      font-size: 19px;
                      font-weight: normal; }
                    .case-list-wrap .case-list li dl dd {
                      font-size: 14px; }
                      
                      
                      .idc {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 135px;
    z-index: 999;
   
}

    .idc.cc {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
    }

.banner-fork {
    visibility: hidden;
    position: absolute;
    bottom: 0;
    left: -100%;
    z-index: 999;
    width: 100%;
    height: 135px;
    background: rgba(61, 61, 61, 0.6);
    -webkit-transition: all 1s;
    transition: all 1s;
    opacity: 0;
}

    .banner-fork.on {
        visibility: inherit;
        left: 0;
        opacity: 1;
        width: 100%;
    }
    
    .banner-fork > i {
        position: absolute;
        top: 10px;
        right: 4%;
        width: 34px;
        height: 34px;
        background: url(../images/icon_26.png) no-repeat center;
        cursor: pointer;
    }

    .banner-fork form {
        height: 135px;
        padding-left: 300px;
       
        box-sizing: border-box;
    }

        .banner-fork form > div {
            float: left;
            margin-top: 20px;
            font-size: 16px;
            color: #666;
        }

            .banner-fork form > div.a1 {
                margin-right: 10px;
            }

                .banner-fork form > div.a1 select {
                    display: block;
                    width: 162px;
                    height: 40px;
                    padding: 10px 0;
                    margin-bottom: 10px;
                    padding-left: 15px;
                    border: none;
                    font-size: 14px;
                    color: #666;
                    box-shadow: 0 4px 0 0 rgba(255,255,255,.5);
                    line-height: 20px;
                }

                .banner-fork form > div.a1 input[type='text'] {
                    display: block;
                    width: 162px;
                    height: 40px;
                    padding: 0 15px;
                    border: none;
                    font-size: 14px;
                    box-shadow: 0 4px 0 0 rgba(255,255,255,.5);
                    box-sizing: border-box;
                    line-height: 40px;
                }

            .banner-fork form > div.a2 {
                margin-right: 10px;
            }

                .banner-fork form > div.a2 select {
                    display: block;
                    width: 162px;
                    height: 40px;
                    padding: 10px 0;
                    margin-bottom: 10px;
                    padding-left: 15px;
                    border: none;
                    font-size: 14px;
                    color: #666;
                    box-shadow: 0 4px 0 0 rgba(255,255,255,.5);
                    line-height: 20px;
                }

                .banner-fork form > div.a2 input[type='text'] {
                    display: block;
                    width: 162px;
                    height: 40px;
                    padding: 0 15px;
                    border: none;
                    font-size: 14px;
                    box-shadow: 0 4px 0 0 rgba(255,255,255,.5);
                    box-sizing: border-box;
                    line-height: 40px;
                }

            .banner-fork form > div.a3 {
                margin-right: 10px;
            }

                .banner-fork form > div.a3 > input {
                    display: block;
                    width: 162px;
                    height: 40px;
                    margin-bottom: 10px;
                    padding: 0 15px;
                    border: none;
                    box-shadow: 0 4px 0 0 rgba(255,255,255,.5);
                    box-sizing: border-box;
                    font-size: 14px;
                    line-height: 40px;
                }

                .banner-fork form > div.a3 select {
                    display: block;
                    width: 162px;
                    height: 40px;
                    padding: 10px 0;
                    margin-bottom: 10px;
                    padding-left: 15px;
                    border: none;
                    font-size: 14px;
                    color: #666;
                    box-shadow: 0 4px 0 0 rgba(255,255,255,.5);
                    line-height: 20px;
                }

                .banner-fork form > div.a3 span {
                    display: block;
                    width: 162px;
                    height: 40px;
                    background: #fff;
                    padding: 0 15px;
                    box-sizing: border-box;
                    box-shadow: 0 4px 0 0 rgba(255,255,255,.5);
                }

                    .banner-fork form > div.a3 span input[type='text'] {
                        float: left;
                        width: 135px;
                        height: 40px;
                        border: none;
                        background: #fff;
                        vertical-align: middle;
                        font-size: 14px;
                        color: #666;
                        text-align: left;
                        line-height: 40px;
                    }

                    .banner-fork form > div.a3 span font {
                        float: left;
                        vertical-align: middle;
                        line-height: 40px;
                    }

            .banner-fork form > div.a4 {
                width: 112px;
                height: 90px;
                padding-top: 20px;
                background: #fff;
                box-shadow: 0 4px 0 0 rgba(255,255,255,.5);
                box-sizing: border-box;
                text-align: center;
            }

               .banner-fork form > div.a4 .button {
                    font-size: 24px;
                    color: #000;
                    line-height: 45px;
					margin-top:5px;
					background:none;
					border:none;
                }

            .banner-fork form > div.a5 {
                padding: 10px 50px 0 50px;
                text-align: center;
            }

                .banner-fork form > div.a5 h6 {
                    font-size: 24px;
                    color: #fff100;
                }

                .banner-fork form > div.a5 p {
                    font-size: 24px;
                    color: #ffffff;
                }

.fork-sig {
    visibility: hidden;
    position: absolute;
    left: -137px;
    bottom: 0;
    width: 137px;
    height: 135px;
    background: url(../images/icon_73.png) no-repeat center;
    cursor: default;
    opacity: 0;
    -webkit-transition: all .6s;
    transition: all .6s;
}

    .fork-sig.on {
        left: 0;
        visibility: inherit;
        opacity: 1;
    }.kd {
  width: 1200px;
  margin: 0 auto;
}